@function rem($px) {
    $default-font-size: 75px;
    @return ($px / $default-font-size)+rem;
}

@mixin translate($val...) {
    -webkit-transform: translate($val);
    -moz-transform: translate($val);
    -o-transform: translate($val);
    -ms-transform: translate($val);
    transform: translate($val)
}

@mixin box-shadow($shadow...) {
    -webkit-box-shadow: $shadow;
    -moz-box-shadow: $shadow;
    box-shadow: $shadow;
}

@mixin linear-gradient($background...) {
    background: -webkit-linear-gradient($background);
    background: -moz-linear-gradient($background);
    background: -o-linear-gradient($background);
    background: linear-gradient($background);
}

@mixin img-position($x:0, $y :0) {
    background-position: $x $y;
}

@mixin flex($default:1) {
    -webkit-flex: $default;
    -ms-flex: $default;
    flex: $default;
    -webkit-box-flex: $default;
    -moz-box-flex: $default;
}